<template>
  <div class="bottombox">
    <div class="bottom">
      <p class="iconfont icon-ditu"></p>
      <p class="txt">打卡</p>
    </div>
    <div class="bottom">
      <p class="iconfont icon-shexiangji"></p>
      <p class="txt">打卡</p>
    </div>
    <div class="bottom">
      <p class="iconfont icon-zhaoxiangji"></p>
      <p class="txt">打卡</p>
    </div>
    <div class="bottom" style="border-right: none">
      <p class="iconfont icon-jiaoxuepingjia"></p>
      <p class="txt">打卡</p>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
}
.bottombox {
  width: 100%;
  height: 8vw;
  // background-color: red;
  display: flex;
  position: fixed;
  bottom: 1.867vw;

  .bottom {
    flex: 1;
    height: 5.333vw;
    border-right: 0.267vw solid #c5c5c5;
    text-align: center;
    // display: flex;
    // flex-wrap: wrap;
    .txt {
      font-size: 2.667vw;
      color: grey;
    }
    .iconfont {
      font-size: 5.6vw;
      margin-top: -2.4vw;
    }
  }
}
</style>